$font-stack: Helvetica, sans-serif;
$primary-color: #409eff;
$page-width: 1000px;


.no-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.splitpanes {
  .splitpanes__pane {
    background-color: #ffffff !important;

    justify-content: center;
    align-items: center;
    display: flex;
  }
  .splitpanes__splitter {
    padding: 2px;
    background-color: #1797a2;
  }
}

.el-tabs__header {
  margin: 0 !important;
}
.el-tabs__item.is-active {
  color: #1797a2 !important;
}
.el-tabs__item {
  color: #929598 !important;
  height: 30px !important;
  line-height: 30px !important;
}

.el-input__inner {
  border-radius: 0 !important;
  height: 32px !important;
  line-height: 32px !important;
  padding: 0 10px;
}

.el-tree-node__content {
  font-size: 13px !important;
}

.el-tree-node.is-current > .el-tree-node__content {
  background-color: #dbe8f7 !important;
}

// 选项卡关闭按钮 - 未优化版
$tabs-width: 20px;
// 都不显示关闭按钮 - .el-icon-close
.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable .el-icon-close {
  width: 14px !important;
  opacity: 0;
}
// 选中的显示关闭按钮
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close {
  width: 14px !important;
  opacity: 1 !important;
}
// 如果鼠标放在未选中的tab上，则：显示关闭按钮
.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close {
  opacity: 1;
}
// 选中的padding 为0
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable {
  padding: 0 !important;
}
// 鼠标在选项卡（选中和未选中）上，固定padding
.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover {
  padding: 0 $tabs-width !important;
}
// 固定选项卡（选中的）padding
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable {
  padding: 0 $tabs-width !important;
}

// .el-tabs--card > .el-tabs__header .el-tabs__item {
//   padding: 0 $tabs-width !important;
// }

// mocano
#monaco-container {
  a.action-label.icon.separator.disabled {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    height: 2px !important;
  }
}
